How to get a “not

1 <button>Regular button</button> 2 <button disabled>Disabled, default cursor</button> 3 <button class=not-allowed disabled>Disabled, not allowed</button>

2024年9月4日 — The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.

2024年8月7日 — The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.

2016年11月21日 — Current behavior. Disabled items, such as disabled tabs, show the default cursor when mouse hovers over them. Expected behavior

2016年2月23日 — The thought here was that changing the cursor to not-allowed helps visually reinforce that the button cannot be used right now.

2011年5月5日 — The values of cursor that represent what you're looking for are not-allowed and no-drop . These values are new to CSS3, so if you need ...

2020年10月3日 — You need to remove pointer-events: none, that prevents cursor: not-allowed from showing correctly.

Use the cursor-* utilities to control which cursor is displayed when hovering over an element. Hover over each button to see the cursor change.

2021年7月31日 — ani cursor format is supported by Windows and is not supported natively by web standards because that's just what the W3C standardization people wanted.

Definition and Usage The cursor property specifies the mouse cursor to be displayed when pointing over an element.